* {
    margin: 0;
    padding: 0;
}


/* 版心 */

.banxin {
    width: 1100px;
    height: 70px;
    /* background-color: burlywood; */
    margin: 0 auto;
}

.zhaopian {
    width: 1100px;
    height: 70px;
    /* background-color: bisque; */
    overflow: hidden;
}

.zhaopian h1 {
    width: 290px;
    height: 70px;
    /* border: 1px solid black; */
    float: left;
}

.zhaopian h1 a {
    width: 290px;
    height: 70px;
    background: url(./1.png)no-repeat 0 -50px;
    display: block;
}

.banxin .frame {
    width: 300px;
    height: 70px;
    /* background-color: blue; */
    margin-left: 310px;
    float: left;
    background: url(./1.png)no-repeat 0 15px;
}

.banxin .frame .a1 {
    margin-top: 10px;
    margin-left: 30px;
    width: 240px;
    border: 0;
    line-height: 16px;
    font-size: 12px;
}

.banxin .frame .a2 {
    width: 300px;
    height: 38px;
    /* background-color: cadetblue; */
    margin-top: 15px;
}
.banxin .frame .frame-n{
	width: 300px;
	height:218px;
	/* border: 1px solid black; */
	/* background-color: #008B8B; */
	position: absolute;
	z-index: 1000;
	margin-top: 10px;
	display: none;
}
.banxin .frame .frame-n h2{
	width: 300px;
	height: 36px;
	background-color:#ffffff;
	border-bottom: 1px solid #666666;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.banxin .frame .frame-n li{
	width: 300px;
	height: 36px;
	background-color: #ffffff;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 10px;
	cursor: pointer;	
}
.banxin .frame .frame-n li:hover{
	background-color: #f2f2f2;
}

.banxin .a3 {
    width: 36px;
    height: 36px;
    /* border: 1px solid black; */
    margin-left: 950px;
    margin-top: 15px;
    background: url(./1.png)no-repeat -110px -159px;
}

.banxin .a5 {
    width: 18px;
    height: 18px;
    background-color: red;
    color: seashell;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 18px;
    margin-left: 980px;
    top: 5px;
    border-radius: 50px;
}

.banxin .a4 {
    width: 64px;
    height: 70px;
    /* border: 1px solid black; */
    margin-left: 1034px;
    position: absolute;
    top: 0px;
}

.banxin .a4 p {
    width: 60px;
    height: 70px;
    font-size: 12px;
    line-height: 60px;
	cursor: pointer;
	background: url(arrow-d.png) no-repeat 30px 22px;
}
.banxin .a4 ul{
	width: 160px;
	height: 200px;
	background-color:#ffffff;
	position: absolute;
	z-index: 1000;
	margin-left: -50px;
	display: none;
	/* margin-top: 10px; */
}
.banxin .a4 ul h1{
	width: 160px;
	height: 20px;
	background: url(1.png)no-repeat 0 -128px;
}
.banxin .a4 ul .a1{
	width: 160px;
	height: 20px;
}
.banxin .a4 ul li{
	width: 160px;
	height: 40px;
	background-color:#ffffff;
	/* border-bottom: 1px solid black; */
	font-size: 14px;
	padding-left: 10px;
	padding-top: 10px;
	cursor: pointer;
}

.banxin .a4 ul li:hover{
	background-color:#eef3fa ;
}
/* 首页 */
/* 版心 */
.black{
	width: 1100px;
	height: 80px;
	/* background-color: #008B8B; */
	margin: 0 auto;
	border-bottom: 1px solid  black;
	overflow: hidden;
}
.black div{
	width: 1100px;
	height: 21px;
	/* background-color: yellow; */
	margin-top: 30px;
	
}
.black h1{
	width: 36px;
	height: 21px;
	/* background-color: #6495ED; */
	font-size: 16px;
	text-align: center;
	line-height: 21px;
	float: left;
	/* margin-top: 10px; */
}
.black b{
	width: 16px;
	height: 21px;
	/* background-color: #8A2BE2; */
	float: left;
	text-align: center;
	line-height: 21px;
	margin-left: 10px;
}
.black span{
	width: 508px;
	height: 21px;
	/* background-color: aqua; */
	margin-left: 10px;
	float: left;
}
.black .black-1{
	width:59px;
	height: 21px;
	/* background-color: #00FFFF; */
	display: block;
	float: left;
	margin-left: 459px;
	cursor: pointer;
	background: url(img-1/img-放大镜/share.png)no-repeat 10px ;
	}
	
 .black .black-1 .black-2{
	width:29px;
	height: 21px;
	/* background-color: #A52A2A; */
	font-size: 8px;
	display: block;
	margin-left: 30px;
	line-height:21px;
	text-align: center;
}
.black .black-1 .black-2:hover{
	text-decoration: underline;
}
/* 照片 */
.picture{
	width: 1100px;
	height: 540px;
	background-color:white;
	margin: 0 auto;
	/* overflow: hidden; */
}
.picture .picture-1{
	width: 440px;
	height: 421px;
	/* background-color:blue; */
	background-size: 440px 530px;
	position: absolute;
	background: url(./109951164202388691.jpg) no-repeat;
	margin-top: 10px;
	/* float: left; */
}
.picture .picture-1 #mask{
				width: 200px;
				height: 200px;
				position: absolute;
				background-color: red;
				opacity: 0.3;
				cursor: move;
				display: none;
			}
.picture #big-box{
				width: 481px;
				height: 456px;
				position: absolute;
				background-color:#f9f9f9;
				background-image: url(./img-1/zhapian.jpg);
				background-size:1060px 1060px;
				top:160px;
				left:535px;
				display: none;
			}
.picture .pic-1{
	width: 440px;
	height: 90px;
	/* background-color: #8A2BE2; */
	position: absolute;
	/* overflow: hidden; */
	/* float: left; */
	margin-top:434px;
}

.picture .pic-1 .picture-4{
	width: 76px;
	height: 76px;
	border: 1px solid crimson;
	background-color: #f9f9f9;
	margin-top: 14px;
	cursor: pointer;
	/* margin-left: 10px; */
}
.picture .pic-1 .picture-3{
	width: 76px;
	height: 76px;
	/* border: 1px solid crimson; */
	background-color: #f9f9f9;
	margin-top: 14px;
	cursor: pointer;
	/* margin-left: 10px; */
}
.picture .pic-1 .picture-3:hover{
	border: 1px solid crimson;
}

  .picture .picturing{
	width: 580px;
	height: 426px;
	/* background-color: red; */
	/* position: absolute; */
	float: left;
	margin-left: 520px;
	margin-top: 10px;
}
.picture .picturing h2{
	width: 580px;
	height: 68px;
	/* background-color: #00FFFF; */
	/* text-align: center; */
	font-weight: normal;
}
.picture .picturing p{
	width: 580px;
	height: 19px;
	/* background-color: yellow; */
	font-size: 10px;
	line-height: 19px;
}
.picture .picturing .pic{
	width: 580px;
	height: 40px;
	/* background-color: brown; */
	margin-top: 20px;
}
.picture .picturing .pic b{
	width: 76px;
	height: 40px;
	/* background-color: #008B8B; */
	display: block;
	font-size: 26px;
	text-align: center;
	line-height: 40px;
	font-weight: normal;
	color: #e20202;
	float: left;
}
.picture .picturing .pic .pic-c{
	width: 39px;
	height: 40px;
	display: block;
	/* background-color: #f9f9f9; */
	float: left;
	margin-left: 10px;
	text-decoration: line-through;
	text-align: center;
	/* line-height: 40px; */
	/* color: #f9f9f9; */
	font-size: 17px;
	padding-top: 15px;
}
.picture .picturing .pictures{
	width: 580px;
	height: 32px;
	/* background-color: yellow; */
	margin-top: 20px;
}
.picture .picturing .pictures b{
	width:30px ;
	height:32px ;
	/* background-color: #A52A2A; */
	display: block;
	text-align: center;
	line-height:32px;
	float: left;
}
.picture .picturing .pictures span{
	width: 520px;
	height: 32px;
	/* background-color:#fdf5f4; */
	display: block;
	float: left;
	margin-left: 30px;
}
.picture .picturing .pict{
	width:580px;
	height: 34px;
/* background-color: #00FFFF; */
margin-top: 20px;
}
.picture .picturing .pict b{
	width:30px ;
	height:32px ;
	/* background-color: #A52A2A; */
	display: block;
	text-align: center;
	line-height:32px;
	float: left;
	font-size: 12px;
}
.picture .picturing .pict span{
	width: 66px;
	height: 32px;
	border: 1px solid #f9f9f9;
    display: block;
   font-size: 12px;
   margin-left: 30px;
   float: left;
   text-align: center;
   line-height: 32px;
 }
 .picture .picturing .wod{
	 width: 580px;
	 height: 32px;
	 /* background-color: blanchedalmond; */
	 margin-top: 20px;
 }
 .picture .picturing .wod b{
 	width:30px ;
 	height:32px ;
 	/* background-color: #A52A2A; */
 	display: block;
 	text-align: center;
 	line-height:32px;
 	float: left;
 	font-size: 12px;
 }
 .picture .picturing .wod .wod-1{
	 width: 133px;
	 height: 32px;
	 border:  1px solid white;
	 margin-left: 30px;
	 float: left;
 }
 .picture .picturing .wod .wod-1 button{
	 width: 34px;
	 height: 32px;
	 /* background-color: #00FFFF; */
	 /* border-right: 1px solid white; */
	 display: block;
	 text-align: center;
	 line-height: 32px;
	 cursor:pointer;
	 float: left;
	 font-weight: bold;
	 font-size: 19px;
	 background-color: white;
}
 .picture .picturing .wod .wod-1 input{
	 width: 62px;
	 height: 32px;
	  border-right: 1px solid #f9f9f9;
	  float: left;
	  text-align: center;
	 line-height: 32px;
	 border-top: none;
	 border-bottom:none;
	 
 }
 .picture .picturing .serve{
	 width: 580px;
	 height: 32px;
	 /* background-color: aqua; */
	 margin-top: 20px;
	 
 }
 .picture .picturing .serve b{
	 width:30px ;
	 height:32px ;
	 /* background-color: #A52A2A; */
	 display: block;
	 text-align: center;
	 line-height:32px;
	 float: left;
	 font-size: 12px;
 }
 .picture .picturing .serve .serve-1{
 	 width:511px ;
 	 height:32px ;
 	 /* background-color: blue; */
 	/* display: block;
 	 text-align: center;
 	 line-height:32px;
 	 float: left;
 	 font-size: 12px; */
	 margin-left: 60px;
 }
 .picture .picturing .serve .serve-1 span{
	 width:100px;
	 height: 32px;
	 /* background-color: red; */
	 display: block;
	 text-align: center;
	 padding-top: 7px;
	 float: left;
	 margin-left: 10px;
	 cursor: pointer;
	 }
.picture .picturing .serve .serve-1 span:hover{
		 text-decoration: underline;
	 }
  .picture .picturing .purchase{
	  width: 580px;
	  height: 80px;
	  background-color: white;
	  overflow: hidden;
  }
  .picture .picturing .purchase p{
	  width: 170px;
	  height: 60px;
	  border: 1px solid crimson;
	  margin-top: 20px;
	  text-align: center;
	  font-size: 20px;
	  line-height: 60px;
	  float: left;
  }
  .picture .picturing .purchase .purchase-1{
	  width: 188px;
	  height: 60px;
	  background-color: crimson;
	  display: block;
	  float: left;
	  margin-top: 20px;
	  margin-left: 20px;
	  float: left;
  }
  .picture .picturing .purchase .purchase-1 b{
	  width: 30px;
	  height: 22px;
	  background-color: aqua;
	  /* box-sizing: 30px; */
	  display: block;
	  margin-top: 20px;
	  margin-left: 20px;
	  /* float: left; */
	  background: url(./img-1/img-放大镜/1.2.png)no-repeat -82px -324px;
}
 .picture .picturing .purchase .purchase-1 a{
	 width: 114px;
	 height: 34px;
	 /* background-color: aqua; */
	 margin-left: 47px;
	/* margin-bottom: -40px; */
	margin-top: -27px;
	/* padding-top: -10px; */
	/* display: block; */
	float: left;
	color: white;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
 }
 /* 商品详情 */
 .commodity{
	 width: 1100px;
	 height:19928px;
	 /* background-color: #00FFFF; */
	 margin: 0 auto;
	 overflow: hidden;
 }
 .commodity .commodity-1{
	 width: 1100px;
	 height: 48px;
	 /* background-color: #A52A2A; */
	 margin-top:20px;
	 
 }
  .commodity .comm{
	  width: 666px;
	  height: 48px;
	  /* background-color: yellow; */
	  border-bottom: 1px solid black;
	  float: left;
  }
  .commodity .comm-1{
  	  width: 361px;
  	  height: 48px;
  	  /* background-color: yellow; */
  	  border-bottom: 1px solid black;
	  float: left;
	  margin-left: 73px;
  }
  .commodity .floor{
	  width: 650px;
	  height: 28px;
	  /* background-color: yellow; */
	  margin-top: 5px;
	  float: left;
  }
 .commodity .floor span{
 	  width: 120px;
 	  height: 28px;
 	  /* background-color: blue; */
	  display: block;
	  font-size: 12px;
	  line-height: 28px;
	  color: red;
 }
 .commodity .floor-n{
 	  width: 650px;
 	  height: 28px;
 	  /* background-color: yellow; */
 	  margin-top: 5px;
	  float: left;
 }
 .commodity .floor .floor-1{
 	  width: 227px;
 	  height: 28px;
 	  /* background-color: blue; */
 	  display: block;
 	  font-size: 12px;
 	  line-height: 28px;
	  font-weight: bold;
 }
 .commodity .floor .floor-l{
 	  width: 385px;
 	  height: 28px;
 	  /* background-color: blue; */
 	  display: block;
 	  font-size: 12px;
 	  line-height: 28px;
 	  font-weight: bold;
 }
 .commodity .headset{
	 width: 361px;
	 height: 560px;
	 /* background-color: #F2C4C1; */
	 float: left;
	  margin-left: 89px;
	  margin-top: -60px;
 }
 .commodity .headset li{
	 width: 100px;
	 height: 100px;
	 /* background-color: #008B8B; */
}
 .commodity .headset .hea{
	 width: 100px;
	 height: 100px;
	 /* background-color: #008B8B; */
	 margin-top:50px;
}
.commodity .headset li img{
	width: 100px;
	height: 100px;
	background-color: #f9f9f9;
}
.commodity .headset li .headset-1{
	width: 40px;
	height: 40px;
	background-color: #A52A2A;
	position: absolute;
	margin-top: -91px;
	margin-left: 8px;
	border-radius: 50%;	
	
}
.commodity .headset li .headset-1 span{
	width: 40px;
	height: 17px;
	/* background-color: #0000FF; */
	display: block;
	color: white;
	font-size: 13px;
	margin-top: 4px;
	text-align: center;
	line-height: 17px;
}
.commodity .headset li .headset-1 del{
	width: 29px;
	height: 16px;
	/* background-color: #00FFFF; */
	display: block;
	margin-left: 3px;
	margin-top: 0px;
	text-align: center;
	line-height: 16px;
	font-size: 1px;
	color: whitesmoke;
}

.commodity li h2{
	 width: 249px;
	 height:45px;
	/* background-color: #A52A2A; */
	 position: absolute;
	 margin-top: -98px;
	 margin-left: 112px;
 }
.commodity li h2 .a2{
	 width: 62px;
	 height: 18px;
	border: 1px solid #d74d45;
	 display: block;
	 font-size: 10px;
	 color: #d74d45;
	 float: left;
	 text-align: center;
 }
 .commodity li h2 .a2-1{
 	 width: 40px;
 	 height: 18px;
 	border: 1px solid #d74d45;
 	 display: block;
 	 font-size: 10px;
 	 color: #d74d45;
 	 float: left;
 	 text-align: center;
  }
 .commodity li h2 a{
	/* width: 206px;
	 height: 67px; */
	/* background-color: blueviolet; */
	 display: block;
	 /* float: left; */
	 font-size: 14px;
	 font-weight: normal;
	 color: #000000;
	 /* cursor: pointer; */
} 
	
	.commodity li h2 a:hover{
		 text-decoration: underline;
	}
	
  .commodity ul li h3{
		 width: 279px;
		 height: 30px;
		 /* background-color: #9ACD32; */
		 margin-top: -30px;
		 /* text-align: center; */
		 line-height: 30px;
		 font-weight: normal;
		 color: #d33a31;
		 margin-left: 112px;
	 }
/* 照片 */
  .commodity .slice{
	  width:700px;
	  height:1260px;
	  background-color: #8A2BE2;
	  margin-top: 113px;
	  background: url(img-1/l.jpg)no-repeat;
  }
  .commodity .slice-n{
	  width:700px;
	  height:1241px;
	  background-color: #0000FF;
	  background: url(img-1/l-k.jpg) no-repeat;
  }
 
 .commodity .slice-k{
 	  width:700px;
 	  height:1242px;
 	  background-color: #0000FF;
 	  background: url(img-1/l-n.jpg) no-repeat;
	  /* background: url(img-1/l-h.jpg)no-repeat     ; */
 }
 .commodity .slice-b{
 	  width:700px;
 	  height:1242px;
 	  background-color: #0000FF;
 	  background: url(img-1/l-h.jpg) no-repeat;
 	  /* background: url(img-1/l-h.jpg)no-repeat     ; */
 }
 
 .commodity .slice-o{
 	  width:700px;
 	  height:1242px;
 	  background-color: #0000FF;
 	  /* background: url(img-1/l-h.jpg) no-repeat; */
 	  /* background: url(img-1/l-h.jpg)no-repeat     ; */
 }
 .stern {
 	height: 160px;
 	background-color: #f2f2f2;
 }
 /* 版心 */
 
  .stern  .stern-n{
 	width: 1100px;
 	height: 160px;
 	background-color: #f2f2f2;
 	margin:  0 auto;
 	overflow: hidden;
 }
 .stern .stern-1{
 	width: 590px;
 	height:142px;
 	/* background-color: #A52A2A; */
 	margin-top:23px;
 	float: left;
 }
 .stern .stern-1 .stern-2{
 	width: 590px;
 	height: 24px;
 	/* background-color: yellow; */
 }
 .stern .stern-1 .stern-2 a{
 	width: 48px;
 	height: 24px;
 	/* background-color: #A52A2A; */
 	display: block;
 	font-size: 11px;
 	color: #999999;
 	text-align: center;
 	padding-top: 10px;
 		float: left;
 		/* margin-left: 11px; */
 }
 .stern .stern-1 .stern-2 .stern-3{
 	width:1px;
 	height: 12px;
 	border-right: 24px;
 	background-color: #d0c6c5;
 	display: block;
 	float: left;
 	margin-left:11px;
 	/* top: 10px; */
 	margin-top: 11px;
 }
 .stern .stern-1 .stern-2 .a1{
 	width: 48px;
 	height: 24px;
 	/* background-color: #A52A2A; */
 	display: block;
 	font-size: 11px;
 	color: #999999;
 	text-align: center;
 	padding-top: 10px;
 		float: left;
 	margin-left: 14px;
 }
 .stern .stern-1 .stern-2 .a2{
 	width: 72px;
 	height: 24px;
 	/* background-color: #A52A2A; */
 	display: block;
 	font-size: 11px;
 	color: #999999;
 	text-align: center;
 	padding-top: 10px;
 		float: left;
 	margin-left: 14px;
 }
 .stern .stern-1 .stern-2 .a3{
 	width: 72px;
 	height: 24px;
 	/* background-color: #A52A2A; */
 	display: block;
 	font-size: 11px;
 	color: #999999;
 	text-align: center;
 	padding-top: 10px;
 		float: left;
 	margin-left: 14px;
 }
 .stern .stern-1 .stern-2 .a4{
 	width: 72px;
 	height: 24px;
 	/* background-color: #A52A2A; */
 	display: block;
 	font-size: 11px;
 	color: #999999;
 	text-align: center;
 	padding-top: 10px;
 		float: left;
 	margin-left: 14px;
 }
 .stern .stern-1 .copyright{
 	width: 590px;
 	height: 24px;
 	/* background-color:blue; */
 }
 .stern .stern-1 .copyright .copyright-1{
 	width: 169px;
 	height: 24px;
 	/* background-color: #008B8B; */
 	display: block;
 	font-size: 12px;
 	padding-top: 10px;
 	color: #666666;
 	float: left;
 	
 }
 .stern .stern-1 .copyright .copyright-2{
 	width: 159px;
 	height: 24px;
 	/* background-color: #008B8B; */
 	display: block;
 	font-size: 12px;
 	padding-top: 10px;
 	color: #666666;
 	float: left;
 	margin-left:16px;
 }
 .stern .stern-1 .copyright .copyright-3{
 	width: 143px;
 	height: 24px;
 	/* background-color: #6495ED; */
 	font-size: 12px;
 	color:#666666;
 	display: block;
 	float: left;
 	padding-top: 10px;
 }
 .stern .stern-1 .copyright .copyright-3:hover{
 	 text-decoration: underline;
 }
 .stern .stern-1 .call{
 	width: 590px;
 	height:24px;
 	/* background-color: yellow; */
 }
 .stern .stern-1 .call .call-1{
 	width: 234px;
 	height: 24px;
 	/* background-color: #0000FF; */
 	font-size: 11px;
 	display: block;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 }
 .stern .stern-1 .call .call-2{
 	display: block;
 	width: 60px;
 	height: 24px;
 	/* background-color: #D2B48C; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	margin-left: 10px;
 }
 .stern .stern-1 .call .call-3{
 	display: block;
 	width: 160px;
 	height: 24px;
 	/* background-color: #D2B48C; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	/* margin-left: 10px; */
 }
 .stern .stern-1 .call .call-3:hover{
 	 text-decoration: underline;
 }
 .stern .stern-1 .food{
 	width: 590px;
 	height: 24px;
 	/* background-color: #D2B48C; */
 }
 
 .stern .stern-1 .food-1{
 	width: 84px;
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 }
 .stern .stern-1 .food-1:hover{
 	 text-decoration: underline;
 }
 .stern .stern-1 .food-2{
 	width: 130px;
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 	margin-left: 4px;
 }
 .stern .stern-1 .food-2:hover{
 	 text-decoration: underline;
 }
 .stern .stern-1 .food-3{
 	width: 48px;
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 	margin-left: 4px;
 }
 .stern .stern-1 .food-3:hover{
 	 text-decoration: underline;
 }
 .stern .stern-1 .food-4{
 	/* width: 320px; */
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 	/* margin-left: 10px; */
 }
 .stern .stern-1 .industrial{
 	width: 590px;
 	height: 24px;
 	/* background-color: #D2B48C; */
 }
 .stern .stern-1 .industrial .industrial-1{
 	/* width: 108px; */
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 	
 
 }
 .stern .stern-1 .industrial .industrial-2{
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 	margin-left: 4px;
 }
 .stern .stern-1 .industrial .industrial-3{
 	height: 24px;
 	/* background-color: #999999; */
 	font-size: 11px;
 	padding-top: 10px;
 	color:#666666;
 	float: left;
 	display: block;
 	margin-left: 4px;
 }
 .stern .stern-1 .industrial-3:hover{
 	 text-decoration: underline;
 }
 .miell{
 	width: 400px;
 	height:160px;
 	/* background-color: aqua; */
 	float: left;
 	margin-left: 100px;
 }
 .miell .miell-1{
 	width:60px;
 	height: 70px;
 	/* background-color: #A52A2A; */
 	display: block;
 	margin-top: 40px;
 	float: left;
 	margin-left: 30px;
 	
 }
 .miell .miell-2{
 	width:60px;
 	height:70px;
 	background: url(189.png)no-repeat -60px -70px;
 	display: block;
 	/* float: left; */
 }
 .miell .miell-3{
 	width:60px;
 	height:70px;
 	background: url(189.png)no-repeat 0px -70px;
 	display: block;
 	float: left; 
 	/* margin-left: 40px; */
 }
 .miell .miell-4{
 	width:60px;
 	height:70px;
 	background: url(189.png)no-repeat 0px 10px;
 	display: block;
 	float: left; 
 	/* margin-left: 40px; */
 }
 
 .miell .miell-5{
 	width:60px;
 	height:70px;
 	background: url(189.png)no-repeat -60px 10px;
 	display: block;
 	float: left; 
 	/* margin-left: 40px; */
 }
 
 
 
 
 
 /* 侧边栏 */
 
 
 .wrap{
 	width: 60px;
 	height: 300px;
 	border: 1px solid black;
 	position: absolute;
 	right:10px;
 	top: 500px;
 	/* float: left; */
 }
  .wrap a {
 	display: block;
 	width: 60px;
 	/* height: 60px; */
 	border-bottom: 1px solid #e5e5e5;
 	text-align: center;
 	color: #333333;
 	font-size: 12px;
 }
 
  .wrap span {
 	line-height: 18px;
 	margin-top: 15px;
 	display: inline-block;
 	font-size: 12px;
 	display: block;
 }
 
 .wrap b {
 	width: 20px;
 	height: 20px;
 	display: block;
 	/* background-color: #008B8B; */
 	margin-left: 20px;
 	margin-top: -23px;
 	position: absolute;
 	background: url(./totop.png) no-repeat -1px -71px;
 } 
  .wrap b span {
 	width: 18px;
 	height: 18px;
 	position: absolute;
 	right: -12px;
 	top: -28px;
 	border-radius: 50%;
 	background-color: red;
 	color: #fff;
 	line-height: 18px;
 }
 
 .wrap .a,
 .wrap .b {
 	margin-top: 36px;
 }
 
  .wrap i {
 	width: 20px;
 	height: 20px;
 	display: block;
 	margin-left: 20px;
 	margin-top: -22px;
 	position: absolute;
 	background: url(./totop.png) no-repeat -1px -101px;
 }
 
 .top {
 	width: 60px;
 	height: 35px;
 	cursor: pointer;
 	background: url(./totop.png) no-repeat -71px 0;
 }
